import { createBrowserRouter } from 'react-router-dom';

import { Home } from "../pages/Home";
import { TestButton } from "../pages/button/TestButton";
// import {MyDialogTest} from "../pages/modal/MyDialogTest";
import { MyDialogTest } from '../pages/modal/v1/MyDialogTest';
import MyModalTestV2 from '../pages/modal/v2/MyModalTestV2';
import MyModalTestV3 from '../pages/modal/v3/MyModalTestV3';
import MyModalTestV4 from '../pages/modal/v4/MyModalTestV4';
import MyModalTestV5 from '../pages/modal/v5/MyModalTestV5';
import MyFormTestV1 from '../pages/form/v1/MyFormTestV1';
import TestUseMemo from '../pages/test/TestUseMemo';
import TestMemo from '../pages/memo/TestMemo';
import MenuTestV1 from '../pages/menu/MenuTestV1';

const router = createBrowserRouter([
  {
    path: '/',
    element: <Home />,
    children: [
      {
        path: '/testButton',
        element: <TestButton />
      },
      {
        path: '/testDialog',
        element: <MyDialogTest />
      },
      {
        path: '/testModalV2',
        element: <MyModalTestV2 />
      },
      {
        path: '/testModalV3',
        element: <MyModalTestV3 />
      },
      {
        path: '/testModalV4',
        element: <MyModalTestV4 />
      },
      {
        path: '/testModalV5',
        element: <MyModalTestV5 />
      },
      {
        path: '/testFormV1',
        element: <MyFormTestV1 />
      },
      {
        path: '/testUseMemo',
        element: <TestUseMemo />
      },
      {
        path: '/testMemo',
        element: <TestMemo />
      },
      {
        path: '/testMenuV1',
        element: <MenuTestV1 />
      }
    ]
  }
])

export default router;